/* CSS Document */

.user_body{
	width:900px;
	height:auto;
	margin-top:30px;
	padding:0 50px;
}

.user_body #avatar{
	width:120px;
	height:auto;
	float:left;
	text-align:center;
}
.user_body #user_input{
	width:720px;
	height:auto;
	margin-left:50px;
	float:right;
}

/*
######################## avatar begin ################################  
*/
#avatar #big_avatar{
	width:100px;
	height:100px;
	margin-bottom:10px;
}
#avatar p{
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#avatar #small_avatar{
	width:120px;
	height:300px;
	margin-top:10px;
	text-align:center;
}
#avatar #small_avatar img{
	display:block;
	float:left;
	width:30px;
	height:30px;
	margin-left:10px;
	margin-top:5px;
	cursor:pointer;
}
#avatar #small_avatar .select{
	width:28px;
	height:28px;
	border:1px solid #FF0000;
}

/*
######################## user_input begin ###############################
*/
.user_body {
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.user_body #user_input_ul{
	list-style:none;
	display:block;
	width:720px;
	height:auto;
}
.user_body #user_input_ul .pre_input{
	display:block;
	width:100px;
	height:40px;
	text-align:right;
	float:left;
}
.user_body #user_input_ul .val_input{
	display:block;
	width:200px;
	height:40px;
	text-align:left;
	margin-left:10px;
	float:left;
	color:#000000;
}
.user_body #user_input_ul .info_input{
	display:block;
	width:300px;
	height:40px;
	text-align:left;
	margin-left:20px;
	float:left;
	color:#999999;
}
.user_body #user_input_ul #user_input_save{
	display:block;
	width:160px;
	height:50px;
	background:url(../images/button_save.gif);
}
.user_body #user_input_ul #accountremark{  /* ���˻�˵����textare��css */
	display:block;
	width:400px;
	height:120px;
}


/**
############################## �˻������css begin ############################
*/
/*�����ĸ����б�ĵ�һ�е���ʽ*/
#user_input_ul .user_input_ul_first{
	border-bottom:2px solid #3399FF;
	height:30px;
	width:900px;
	color:#3399FF;
	font:Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:18px;
}
#user_input_ul .accountname_first{
	display:block;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
}
#user_input_ul .accounttype_first{
	display:block;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
}
#user_input_ul .accountblance_first{
	display:block;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
}
#user_input_ul .accountedit_first{
	display:block;
	float:left;
	width:200px;
	height:30px;
	text-align:center;
}

#user_input_ul .user_input_ul_li{
	border:1px dotted #FFCC99;
	height:40px;
	width:900px;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:5px;
	line-height:40px;
	cursor:move;
}
#user_input_ul .group_user_input_ul_li{
	border:1px dotted red;
	height:40px;
	width:900px;
	font:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:5px;
	line-height:40px;
	cursor:move;
}
#user_input_ul .user_input_ul_li:hover{
	background:#FFCC99;
}
#user_input_ul .group_user_input_ul_li:hover{
	background: pink;	
}

/*�����б����ʽ*/
#user_input_ul .accountname{
	display:block;
	float:left;
	width:200px;
	height:40px;
	text-align:center;
}
#user_input_ul .accounttype{
	display:block;
	float:left;
	width:200px;
	height:40px;
	text-align:center;
}
#user_input_ul .accountblance{
	display:block;
	float:left;
	width:200px;
	height:40px;
	text-align:center;
}
#user_input_ul .accountedit{
	display:block;
	float:left;
	width:200px;
	height:40px;
	text-align:center;
}
.user_input_ul_button {
	display:block;
	width:900px;
	height:auto;
	text-align:center;
	margin:30px 0;
}

